<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>车牌号选图识别AI辅助选号</title>
    <meta name="keywords" content="车牌号,选号图识别,AI辅助选号">
    <meta name="description" content="车牌号选图识别AI辅助选号应用为了方便准车主进行选号时，使用了AI截图自动识别车牌号，之后快速给出分析结果吉祥的号码。本程序使用了跨平台互联网开发技术，全AI与传统易经数理有效结合。">
    <link rel="stylesheet" href="../../static/css/slicy.css"  th:href="@{/css/slicy.css}" />
    <style>
        body {
            background-color: #f7f6f2;
        }
        .layout {
            overflow:hidden;
            padding-top:5.208333333333334rem;
        }
        .header {
            border-bottom:0.052083333333333336rem solid #d7cdb8;
            background:#fff;
            position:fixed;
            left:0;
            right:0;
            top:0;
            z-index:23;
            height:5.208333333333334rem;
        }
        .wrap {
            width:62.5rem;
            margin:0 auto;
        }
        .header .wrap {
            display:flex;
            justify-content:flex-start;
            align-items:center;
        }
        .header .logo {
            display:block;
            max-width:5.3125rem;
        }
        .header .logo img {
            width:100%;
            display:block;
        }
        .header .naver {
            margin-left:5.814583333333334rem;
        }
        .header .naver ul {
            display:flex;
            justify-content:flex-start;
            align-items:center;
        }
        .header .naver li a {
            font-size:0.9333333333333334rem;
            line-height:5.208333333333334rem;
            color:#000000;
            display:block;
        }
        .header .naver li {
            margin-left:1.0625rem;
        }
        .header .naver li.on a,.header .naver li a:hover {
            color:#d39f54;
        }
        .footer {
            background:#f9f6ee;
            padding:1.875rem 0 1.25rem;
        }
        .footer .link dl {
            display:flex;
            justify-content:center;
            align-items:center;
        }
        .footer .link dd span,.footer .link dt,.footer .link dd a {
            font-size:0.8333333333333334rem;
            line-height:1.7;
            color:#000000;
            display:block;
        }
        .footer .link dd span {
            margin:0 0.2604166666666667rem;
        }
        .footer .copyright {
            margin-top:0.625rem;
            font-size:0.7291666666666667rem;
            line-height:1.6;
            color:#9f9d97;
            text-align:center;
        }
        .footer .copyright a {
            color:#9f9d97;
        }
        .uittops {
            position:fixed;
            right:15%;
            bottom:10%;
            z-index:234;
            width:2.3958333333333335rem;
            height:2.3958333333333335rem;
            border-radius:0.3125rem;
            overflow:hidden;
            background:url(./img/qms20.png) no-repeat center #ededed;
            cursor:pointer;
        }
        .hpage1 {
            padding:4.270833333333334rem 0 5.520833333333334rem;
        }
        .hpage1 .wrap {
            background:url(./img/carqms4.png) no-repeat center/cover;
            box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
            height:20.833333333333336rem;
            padding-top:3.6458333333333335rem;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -o-box-sizing:border-box;
            box-sizing:border-box;
        }
        .hpage1 ul {
            display:flex;
            justify-content:space-between;
            padding:0 1.5625rem;
        }
        .hpage1 li {
            width:50%;
            position:relative;
            padding-left:4.479166666666667rem;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -o-box-sizing:border-box;
            box-sizing:border-box;
        }
        .hpage1 li:nth-child(2) {
            padding-left:3.125rem;
        }
        .hpage1 li:nth-child(2):before {
            display:none;
        }
        .hpage1 li::before {
            content:"";
            position:absolute;
            right:0;
            top:50%;
            z-index:1;
            width:0.052083333333333336rem;
            height:12.5rem;
            background:#ddd8c0;
            margin-top:-6.25rem;
        }
        .hpage1 li h3 {
            font-size:1.25rem;
            line-height:1.6;
            color:#000000;
            font-weight:bold;
            text-align:center;
        }
        .hpage1 li dl {
            margin-top:1.5625rem;
        }
        .hpage1 li dd {
            margin-bottom:1.3541666666666667rem;
            display:flex;
            justify-content:flex-start;
            align-items:center;
        }
        .hpage1 li h4 {
            font-size:0.8333333333333334rem;
            line-height:1.6;
            color:#3e3e3e;
            margin-right:0.625rem;
        }
        .hpage1 li .t1 {
            width:17.1875rem;
            height:1.7708333333333335rem;
            background:none;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -o-box-sizing:border-box;
            box-sizing:border-box;
            padding:0 0.7291666666666667rem;
            font-size:0.8333333333333334rem;
            color:#3e3e3e;
            border:1px solid #e9d4b1;
            border-radius:0.3125rem;
        }
        .hpage1 li .btn {
            display:block;
            margin:2.0833333333333335rem auto 0;
            background:url(./img/carqms3.png) no-repeat center/cover;
            width:9.84375rem;
            height:2.760416666666667rem;
            border:none;
            text-align:center;
            font-size:1.1375rem;
            color:#f6e5f9;
            font-weight:bold;
            line-height:2.2;
            cursor:pointer;
        }
        .hpage1 li .btn1 {
            background:url(./img/carqms1.png) no-repeat center/cover;
            width:9.895833333333334rem;
            height:2.5520833333333335rem;
            color:#d39f54;
        }
        .hpage1 .ds {
            display:flex;
            justify-content:flex-start;
            align-items:center;
        }
        .hpage1 .ds .lsele {
            border:1px solid #e9d4b1;
            border-radius:0.3125rem;
            height:2.7708333333333335rem;
            line-height:1.7;
            font-size:0.9291666666666667rem;
            color:#3e3e3e;
            background:url(./img/carqms2.png) no-repeat right 0.4166666666666667rem center;
            background-size:0.5208333333333334rem auto;
            padding:0 1.0416666666666667rem 0 0.4166666666666667rem;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -o-box-sizing:border-box;
            box-sizing:border-box;
            margin-right:0.46875rem;
        }
        .hpage1 .ds .lsele:last-child {
            margin-right:0;
        }
        .hpage1 .ds .lsele1 {
            width:4.375rem;
        }
        .hpage1 .ds .lsele2 {
            width:3.4375rem;
        }
        .hpage1 .ds .lsele3 {
            width:7.8125rem;
        }
        .hpage1 .rado {
            display:flex;
            justify-content:flex-start;
            align-items:center;
        }
        .hpage1 .rado label {
            width:4.583333333333334rem;
            line-height:1.7708333333333335rem;
            text-align:center;
            border-radius:0.3125rem;
            border:1px solid #e9d4b1;
            font-size:0.8333333333333334rem;
            color:#3e3e3e;
            display:block;
            cursor:pointer;
        }
        .hpage1 .rado .ns .r1 {
            display:none;
        }
        .hpage1 .rado .ns {
            margin-right:1.1458333333333335rem;
        }
        .hpage1 .rado .ns input:checked + label {
            background:#d39f54;
            border-color:#d39f54;
            color:#fff;
        }
        .uitmain {
            padding-bottom:0.208333333333334rem;
        }
    </style>
</head>
<body>
<div class="hpage1" style="background:url(../resources/static/img/carqmsbg.jpg) no-repeat center/cover;">
    <div class="wrap">
        <div class="box">
            <ul>
                <li>
                    <h3>车牌号扫图识别AI辅助选号</h3>
                    <dl>
                    <dd>利用先进的人工智能技术，为您提供个性化的车牌号选号建议。</dd>
                    <dd>功能特点：扫描图片自动识别、个性化推荐、实时预览。</dd>
                    <dd>使用场景：购车选号、车牌更换、车牌收藏。</dd>
                    </dl>
                    <a class="btn" href="./cartnumpic" th:href="@{/cartnumpic}">AI辅助选号</a>
                </li>
                <li>
                    <h3>输入车牌号分析测算</h3>
                    <dl>
                        <dd>您是否在选择车牌号时感到迷茫？</dd>
                        <dd>是否想要一个独特而又有意义的吉祥车牌号？</dd>
                        <dd>输入车牌号可结合易经数理分析出车牌数理信息。</dd>
                    </dl>
                    <a class="btn btn1" href="./cartluck" th:href="@{/cartluck}">车牌号分析</a>
                </li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>
